// Global Foundation Settings
@import "settings";

// Comment out this import if you don't want to use normalize
@import "normalize";

// Comment out this import if you are customizing you imports below
@import "foundation";

$mainbg: #000;
$maintext: #fff;  

.imgcenter { display: block; margin-left: auto; margin-right: auto; padding: 10px; }
img { user-drag: none; -moz-user-select: none; -webkit-user-drag: none; }
h4 { height: 100px; }
input[type=text] { text-align: center; }
input[type=email] { text-align: center; }
textarea { text-align: center; }
.quarter { padding-top: 50px; }
.half { padding-top: 100px; }
.full { padding-top: 200px; }
article { @include grid-row(); }
.halfhead { @include grid-column(6); text-align: center; }
.multihead { @include grid-column(4); text-align: center; }
header { @include grid-column(12); text-align: center; }
.callbutton { padding:20px; background-color: $mainbg; color: $maintext; @include single-transition;
&:hover { background-color: $maintext; color: $mainbg; }
}
.huge { @include grid-column(8, $center:true); text-align: center; }

.icon-img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    @include single-transition;
}


nav { width: 100%; position:fixed; padding: 20px; background-color: $mainbg; color:$maintext;
.brand { @include grid-column(4); }
.it { @include grid-column(2); }
}

#foot { width: 100%; padding: 10px; background-color: $mainbg; color:$maintext; }

// Import specific parts of Foundation by commenting the import "foundation"
// and uncommenting what you want below. You must uncomment the following if customizing

// @import "foundation/components/global"; // *always required
// @import "foundation/components/grid";

//
// Use this grid if you want to start using the new Foundation 5 grid early.
// It will change breakpoints to min-width: 640px and 1024px.
//
// @import "foundation/components/grid-5";
//

// @import "foundation/components/visibility";
// @import "foundation/components/block-grid";
// @import "foundation/components/type";
// @import "foundation/components/buttons";
// @import "foundation/components/forms"; // *requires components/buttons
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms
// @import "foundation/components/button-groups"; // *requires components/buttons
// @import "foundation/components/dropdown-buttons"; // *requires components/buttons
// @import "foundation/components/split-buttons"; // *requires components/buttons
// @import "foundation/components/flex-video";
// @import "foundation/components/section";
// @import "foundation/components/top-bar";  // *requires components/grid
// @import "foundation/components/orbit";
// @import "foundation/components/reveal";
// @import "foundation/components/joyride";
// @import "foundation/components/clearing";
// @import "foundation/components/alert-boxes";
// @import "foundation/components/breadcrumbs";
// @import "foundation/components/keystrokes";
// @import "foundation/components/labels";
// @import "foundation/components/inline-lists";
// @import "foundation/components/pagination";
// @import "foundation/components/panels";
// @import "foundation/components/pricing-tables";
// @import "foundation/components/progress-bars";
// @import "foundation/components/side-nav";
// @import "foundation/components/sub-nav";
// @import "foundation/components/switch";
// @import "foundation/components/magellan";
// @import "foundation/components/tables";
// @import "foundation/components/thumbs";
// @import "foundation/components/tooltips";
// @import "foundation/components/dropdown";

